<template>
	<view class="container">
		<view class="header">
			<text class="title">个人中心</text>
		</view>
		<view class="content">
			<view class="placeholder">
				<text class="placeholder-text">个人中心功能开发中...</text>
				<text class="placeholder-desc">敬请期待</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			
		}
	},
	onLoad() {
		
	},
	methods: {
		
	}
}
</script>

<style scoped>
.container {
	min-height: 100vh;
	background: #F5F5F5;
}

.header {
	background: #4DD0E1;
	padding: 40rpx 30rpx;
	text-align: center;
}

.title {
	font-size: 36rpx;
	font-weight: bold;
	color: white;
}

.content {
	padding: 60rpx 30rpx;
}

.placeholder {
	background: white;
	border-radius: 20rpx;
	padding: 80rpx 40rpx;
	text-align: center;
}

.placeholder-text {
	font-size: 32rpx;
	color: #333;
	display: block;
	margin-bottom: 20rpx;
}

.placeholder-desc {
	font-size: 28rpx;
	color: #999;
}
</style> 